summary {
    background-color: rgb(40, 52, 52);
}

details [open] {
    background-color: rgb(123, 113, 100);
}

details summary { 
    cursor: pointer;
}
  
details summary > * {
    display: inline;
}

:not(details [open]) summary:hover::after {
    background-color: #333;
    color: #fff;
    padding: 10px;
    border-radius: 5px;
    z-index: 1;
    margin-left: 5px;
    content: "详细信息";
}

details > *:not(summary) {
    border-left: 2px solid #333;
    margin-top: 0;
    padding: 1rem;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-top: 0;
}

details > :nth-child(2) {
    padding-top: 1rem;
}

details > :last-child {
    padding-bottom: 1rem;
    border-bottom: 2px solid #333;
}


